<template>
  <div>
    <div class="header" id="header">
      <router-link to="/percen" style="display: block">
        <div class="header_back">
          <div class="header_back_r"></div>
        </div>
      </router-link>
      <div id="head-title">在线客服</div>
      <router-link to="/" class="gb-head-rightwrap" data-ajax="false">
        <div class="header_right">
          <img
            src=""
          />
        </div>
      </router-link>
    </div>
    <div class="service-content">
      <div class="service">
        <van-collapse v-model="activeNames" accordion>
          <van-collapse-item title="新手帮助" name="1">
            <van-grid :gutter="10">
              <van-grid-item
                icon="https://img2.taoshouyou.com/img/2020-04-11/12/9a3376a63f269883151ca5ced36ef62d-pc-l.jpg"
                text="买家帮助"
              />
              <van-grid-item
                icon="https://img2.taoshouyou.com/img/2020-04-11/20/18cea41f6c03a388b600381cc12c5a69-pc-l.jpg"
                text="卖家帮助"
              />
              <van-grid-item
                icon="https://img2.taoshouyou.com/img/2020-04-11/20/18cea41f6c03a388b600381cc12c5a69-pc-l.jpg"
                text="交易保障"
              />
              <van-grid-item
                icon="https://img2.taoshouyou.com/img/2020-04-11/18/5338dc6e3a95f7999b1abd710cc5d2ba-pc-l.jpg"
                text="资金问题"
              />
              <van-grid-item
                icon="https://img2.taoshouyou.com/img/2020-04-11/18/2e96b22fd47e500a282d11b1d874198f-pc-l.jpg"
                text="售后纠纷"
              />
              <van-grid-item
                icon="https://img2.taoshouyou.com/img/2020-04-11/28/ad5c4512443cbbf8b4ecb166e57464f8-pc-l.jpg"
                text="防骗指南"
              />
            </van-grid>
          </van-collapse-item>
          <van-collapse-item title="人工咨询" name="2">
            <van-grid :gutter="10">
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" />
            </van-grid>
          </van-collapse-item>
          <van-collapse-item title="售后咨询" name="3">
            <van-grid :gutter="10">
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" />
            </van-grid>
          </van-collapse-item>
          <van-collapse-item title="投诉/建议" name="4">
            <van-grid :gutter="10">
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" />
              <van-grid-item icon="photo-o" text="文字" /> </van-grid
          ></van-collapse-item>
        </van-collapse>
      </div>
      <div class="service service3">
        <p class="title"><em class="tel"></em>客服电话</p>
        <a class="btn" id="spectial_btn">
          <p>客服接线时间</p>
          <p>每天8:00至23:50</p>
        </a>
      </div>
      <div class="service">
        <p class="title" style="color: red; line-height: normal">
          警惕：请勿使用淘手游APP以外的第三方聊天工具进行交易，任何<strong>“提供验证码”</strong>、<strong>“缴纳保证金”</strong>等私下交易均为诈骗，谨防上当！”
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeNames: ["1"],
    };
  },
};
</script>
<style src="../assets/css/commot.css" scoped></style>
<style src="../assets/css/kefu.css" scoped></style>
<style lang="less" scoped>
</style>